<template>
  <div class="uHead">
    <!-- <van-nav-bar id="nav-bar" :title="title" left-arrow /> -->
    <van-nav-bar @click-left="onClickLeft" :title="title" left-arrow />
    <div class="box">
      <span class="iconfont icon-gengduo"></span>
      <i class="iconfont icon-danxuananniu"></i>
    </div>
  </div>
</template>
<script>
export default {
  props: ["title"],
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>
<style scoped>
.uHead {
  position: relative;
  max-width: 7.5rem;
  min-width: 3.2rem;
  height: 0.88rem;
}
.uHead {
  max-width: 7.5rem;
  min-width: 3.2rem;
  height: 0.88rem;
}
.uHead /deep/ .van-nav-bar__content {
  background: red;
  color: white;
}
.uHead /deep/ .van-nav-bar__title {
  color: #fff;
}
.uHead /deep/ .van-icon-arrow-left:before {
  content: "\e668";
  color: #fff;
}
.box {
  position: absolute;
  right: 0.3rem;
  top: 0.1rem;
  z-index: 999;
  width: 2rem;
  height: 0.64rem;
  border-radius: 0.32rem;
  border: 0.03rem solid #ffffff;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.box /deep/ .icon-gengduo:before {
  font-size: 0.37rem;
  color: #ffffff;
}
.box /deep/ .icon-danxuananniu:before {
  font-size: 0.34rem;
  color: #ffffff;
}
</style>
